.login-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(78, 173, 255);
}

.login-main {
    position: absolute;
    left: 60px;
    right: 60px;
    top: 60px;
    bottom: 60px;
    border-radius: .375rem;
    background: #fffffe;
    box-shadow: 2px 2px 12px 0 #dfe3eb, -2px 2px 12px 0 #dfe3eb, 2px -2px 12px 0 #dfe3eb, -2px -2px 12px 0 #dfe3eb;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.login-main > .login-body {
    height: 80%;
}

.login-main .login-box {
    width: 30rem;
    height: 30rem;
    margin: 5rem auto;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-attachment: scroll;
    background-clip: border-box;
}

.login-main .login-box > span.title {
    font-size: 29px;
    font-weight: bold;
}

.login-main .login-box > span.desc {
    display: block;
    margin: 4rem auto 1rem auto;
    font-size: 80%;
    color: #6c6c6c;
}

.login-main .login-box .ui-float-label {
    text-align: left;
    left: 39px;
}

.login-main .login-box .ui-float-label label {
  margin-right: 10px;
}

.login-main .login-box .login-name,
.login-main .login-box .login-pwd {
    width: 25rem;
}


.login-main .login-box .login-button,
.login-main .login-box .register-button {
  width: 12rem;
  margin: 0 6px;
}

.login-main .login-box div:nth-child(3),
.login-main .login-box div:nth-child(4) {
    margin: 2rem auto 2rem auto;
}

.login-main .login-box .login-button,
.login-main .register-button {
    font-size: 18px;
    letter-spacing: 20px;
    text-indent: 20px;
    margin-top: 1.5rem;
}

.login-footer {
    font-size: 13px;
}

.p-grid > div {
  margin: 14px 0;
}

.sign-in {
  letter-spacing: 20px;
  text-indent: 20px;
}
